/*
*  author: LZY
*  home.css
*  http://azenui.com/
*  http://www.a-ui.cn/
*/
/* header */
.cloud-header {
	background: #fff;
	height: 100px;
	overflow: hidden;
}

.cloud-cells {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.cloud-logo {
	height: 100px;
	float: left;
}

.cloud-logo h1 {
	padding-top: 10px;
	position: relative;
}

.cloud-logo a {
	background: url("../img/icon/logo.png") no-repeat center;
	height: 90px;
	overflow: hidden;
	text-indent: -1000px;
	width: 175px;
	display: block;
}

/*@media not all, (min--moz-device-pixel-ratio: 2), not all, (min-resolution: 240dpi), (min-resolution: 2dppx) {*/
	/*.cloud-logo a {*/
		/*background-image: url("../img/icon/logo@2x.png");*/
		/*background-size: 175px 90px;*/
	/*}*/
/*}*/

.cloud-nav {
	height: 100px;
	line-height: 100px;
	float: right;
}

.cloud-nav ul li {
	float: left;
}

.cloud-nav ul li a {
	padding:8px 20px;
	font-size: 14px;
	color: #292927;
}

.cloud-nav ul li a:hover {
	background: #248bdb;
	color: #fff;
}

.cloud-nav .current {
	background: #248bdb;
	color: #fff;
}

/*<==================================================>*/
/* banner begin */
.center_area {
	width: 100%;
	height: 500px;
	margin: 0 auto;
}

.center_area .center {
	width: 100%;
	height: 500px;
	background: #ccc;
	float: left;
}

.common_da {
	width: 800px;
}

.center_area .center .center_top {
	width: 100%;
	height: 440px;
}

.content_middle {
	width: 100%;
	height: 440px;
	margin: 0px auto;
	position: relative;
}

.content_middle:hover .common {
	display: block;
}

.content_middle:active {
	outline: none;
}

.content_middle .common {
	display: block;
	width: 50px;
	height: 100px;
	position: absolute;
	z-index: 25;
	top: 50%;
	margin-top: -50px;
}

.content_middle .btnLeft {
	background: url(../img/icon/sprite.png) no-repeat;
	left: 5%;
}

.content_middle .btnRight {
	background: url(../img/icon/sprite.png) no-repeat -50px 0;
	right: 5%;
}

.content_middle ul li {
	width: 100%;
	height: 440px;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	margin: 0 auto;
	background-size: cover;
}

.content_middle ul li a {
	width: 900px;
	display: block;
	height: 350px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	text-indent: -1000px;
}

.content_middle .table {
	bottom: 0;
	height: 33px;
	left: 50%;
	line-height: 24px;
	margin-left: -165px;
	position: absolute;
	width: 330px;
	z-index: 9;
}

.content_middle .table a {
	width: 60px;
	height: 4px;
	background: #6e737d;
	opacity: 1;
	text-align: center;
	line-height: 33px;
	margin-left: 20px;
	display: block;
	float: left;
}

.content_middle .table a.small_active {
	background: #248bdb;
	color: #fff;
}

/*<==================================================>*/
/*  sfq */
.mr20 {
	margin-right: 20px
}

.zq-icon {
	display: inline-block;
	background: url(../img/icon/icon.png) no-repeat;
}

.icon40x40 {
	width: 40px;
	height: 40px
}

.crad-area-icon1 {
	background-position: 0 0
}

.crad-area-icon2 {
	background-position: -40px 0
}

.crad-area-icon3 {
	background-position: -80px 0
}

.crad-area-icon4 {
	background-position: -120px 0
}

.card-area {
	margin: 0 auto;
	height: 560px;
	width: 1100px;
	position: relative;
	overflow: hidden;
	padding-left: 20px;
}

.card-area .bg-e8e8e8 {
	background: #e8e8e8
}

.card-area .bg-e1e1e1 {
	background: #e1e1e1
}

.card-area .card-item {
	z-index: 4;
	transition: all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
	position: relative;
	float: left;
	width:14%;
	height: 520px;
	background-color: transparent
}

.card-area .card-item+.card-item {
	margin-left: -1px
}

.card-area .card-item .card {
	transition: all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #fff
}

.card-area .card-item .card .card-content {
	width: 100%;
	line-height: 2
}

.card-area .card-item .card .card-content.content-first {
	transition: all .12s cubic-bezier(.4,0,.2,1) .18s;
	z-index: 3;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.card-area .card-item .card .card-content.content-second {
	transition: all .12s cubic-bezier(.4,0,.2,1) 0s;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	line-height: 2
}

.card-area .card-item .card .card-content.content-second li {
	float: left;
	width: 50%
}

.card-area .card-item .card .card-content,.card-area .card-item .card .card-title {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1
}

.card-area .card-item .card .card-title {
	padding-top: 1px;
	transition: all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
	height: 6px;
	line-height: 26px;
	font-size: 14px;
	top: 0;
	background: #1b77b9;
	border-left: 1px solid #d4d4d4
}

.card-area .card-item .card .card-title .content {
	position: absolute;
	bottom: 55px;
	width: 100%
}

.card-area .card-item .card .card-title h1 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0
}

.card-area .card-item .card .card-title .short-info {
	color: #8dbbdc;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 20px
}

.card-area .card-item .card .card-title .zq-product-img {
	width: 40px;
	height: 40px;
	margin: 10px auto;
	position: relative
}

.card-area .card-item .card .card-title .zq-product-img img {
	position: absolute;
	left: 0;
	width: 100%
}

.card-area .card-item .card .card-title .zq-product-img .un-hover {
	z-index: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.card-area .card-item .card .card-title .zq-product-img .with-hover {
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1 {
	transition: all .15s cubic-bezier(.4,0,.2,1) 0s
}

.card-area .card-item .card .card-content {
	height: 505px;
	width:151px;
	cursor:pointer;
	position: absolute;
	top: 6px
}

.card-area .card-item .card .card-content.content-first .content-first-list {
	width: 100%;
	max-width: 250px;
	font-size: 16px;
	color: #373d41;
	margin-top: 47px;
	margin-bottom: 47px
}

.card-area .card-item .card .card-content.content-first .content-first-list li {
	margin-bottom: 30px
}

.card-area .card-item .card .card-content.content-second {
	width: 96%;
	left: 25px;
	font-size: 14px;
	color: #a9b0b4;
	text-align: left;
	padding-top: 26px
}

.card-area .card-item .card .card-content.content-second .main-head {
	color: #3db1ea;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px
}

.main-info {
	text-align: center;
	color: #009de1;
}

.main-info p {
	line-height: 20px;
}

.card-bo-bj1 {
	/*background: url("../img/icon/ce-bj.png") no-repeat bottom center;*/
	height: 285px;
}

.card-area .card-item .card .card-content.content-second .main-desc {
	color: #8c8c8c;
	font-size: 12px;
	line-height: 22px
}

.card-area .card-item .card .card-content.content-second .main-btn {
	cursor: pointer;
	width: 160px;
	height: 38px;
	font-size: 16px!important;
	color: #fff;
	margin-top: 22px;
	margin-bottom: 33px;
	border-radius: 19px;
	background: #3db1ea;
	border: none;
	transition: color .3s ease-in-out,background .3s ease-in-out
}

.card-area .card-item .card .card-content.content-second .main-btn:hover {
	color: #fff;
	background: #1b77b9
}

.card-area .card-item .card .card-content.content-second .main-white-btn {
	cursor: pointer;
	width: 160px;
	height: 36px;
	border: 1px solid #3db1ea;
	font-size: 16px!important;
	color: #3db1ea;
	margin-top: 22px;
	margin-bottom: 33px;
	border-radius: 19px;
	background: #fff;
	transition: color .3s ease-in-out,background .3s ease-in-out
}

.card-area .card-item .card .card-content.content-second .main-white-btn:hover {
	color: #fff;
	background: #3db1ea
}

.card-area .card-item .card .card-content .other-info {
	width: 105%;
	height: 70px;
	overflow: hidden;
	line-height: 22px;
	padding-top: 20px;
	font-size: 12px
}

.card-area .card-item .card .card-content .other-info .other-info-list {
	width: 27%;
	height: 70px;
	background: #f2f2f2;
	margin-right: 25px;
	padding: 0 0 0 10px;
	position: relative
}

.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow {
	position: absolute;
	right: 10px;
	top: 15px;
	background-position: -200px 0
}

.card-area .card-item .card .card-content .other-info .other-info-list:hover {
	background: #3db1ea
}

.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow {
	background-position: -200px -17px
}

.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head {
	color: #fff
}

.card-area .card-item .card .card-content .other-info .other-info-list .list-context {
	color: #00c1de
}

.card-area .card-item .card .card-content .other-info .other-head {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	margin: 13px 0 0 0;
}

.card-area .card-item .card .card-content .other-info .other-desc {
	margin-top: 2px;
	font-size: 12px;
	color: #999
}

.card-area .card-item.active {
	z-index: 6;
	box-shadow: 0 0 30px rgba(0,0,0,.2);
	width:72%;
	height: 535px;
	overflow:hidden;
}

.card-area .card-item.active .card .card-title {
	background-color: #3db1ea;
	height:10px;
	top:0;
	border: none
}

.card-area .card-item.active .card .card-title .short-info {
	color: #9ed8f5
}

.card-area .card-item.active .card .card-title h1 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}

.card-area .card-item.active .card .card-content.content-first {
	transition: all .12s cubic-bezier(.4,0,.2,1) 0s;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.card-area .card-item.active .card .card-content.content-second {
	transition: all .12s cubic-bezier(.4,0,.2,1) .18s;
	z-index: 3;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.card-img {
	padding-top: 140px;
	width: 150px;
	margin: 0 auto;
	position:absolute;
	right:0;
	left:0;
	bottom:0;
}

.card-img img {
	width: 100%;
	display: block;
	border: none;
}

.card-box-fl{
	padding:60px 20px;
	float:left;
	width:320px;
}
.card-box-fr{
	float:right;
	width:410px;
	position:relative;
}
.card-box-fr-tu1 {
	position:absolute;
	z-index:99;
	right:10px;
	top:60px;
	width:380px;
}
.card-box-fr-tu1 img {
	width:100%;
	height:100%;
	display:block;
	border:none;
}
.card-box-fr-tu2 {
	position:absolute;
	right:0;
	top:50px;
	width:400px;

}
.card-box-fr-tu2 img {
	width:100%;
	height:100%;
	display:block;
	border:none;
}
.card-box-fl h2{
	color:#000;
	font-size:45px;
}
.card-box-fl h3{
	color:#000;
}
.card-box-fl p{
	color:#000;
}
/*.card-area .card-item.active .card .title-even1 {*/
	/*background: #3db1ea url("../img/icon/dun1.png") no-repeat right;*/
/*}*/

/*.card-area .card-item.active .card .title-even2 {*/
	/*background: #3db1ea url("../img/icon/dun.png") no-repeat right;*/
/*}*/

/*.card-area .card-item.active .card .title-even3 {*/
	/*background: #3db1ea url("../img/icon/dun2.png") no-repeat right;*/
/*}*/

/*<==================================================>*/
/* cloud-list */
.cloud-list li {
	background: rgba(0,0,0,0.4);
	width: 24%;
	float: left;
	margin: 5px;
	padding: 20px 0;
	text-align: center;
}

.cloud-icon-lou {
	background: url("../img/icon/icon-lou.png") no-repeat;
	width: 70px;
	height: 58px;
	margin: 0 auto;
}

.cloud-icon-o2o {
	background: url("../img/icon/icon-o2o.png") no-repeat;
	width: 70px;
	height: 58px;
	margin: 0 auto;
}

.cloud-icon-car {
	background: url("../img/icon/icon-car.png") no-repeat;
	width: 70px;
	height: 58px;
	margin: 0 auto;
}

.cloud-icon-vio {
	background: url("../img/icon/icon-vio.png") no-repeat;
	width: 70px;
	height: 58px;
	margin: 0 auto;
}

.cloud-icon-itv {
	background: url("../img/icon/icon-itv.png") no-repeat;
	width: 70px;
	height: 58px;
	margin: 0 auto;
}

.cloud-icon-itv {
	background: url("../img/icon/icon-itv.png") no-repeat;
	width: 70px;
	height: 58px;
	margin: 0 auto;
}

.cloud-icon-zhf {
	background: url("../img/icon/icon-zhf.png") no-repeat;
	width: 70px;
	height: 58px;
	margin: 0 auto;
}

.cloud-icon-xin {
	background: url("../img/icon/icon-xin.png") no-repeat;
	width: 70px;
	height: 58px;
	margin: 0 auto;
}

.cloud-icon-cun {
	background: url("../img/icon/icon-cun.png") no-repeat;
	width: 70px;
	height: 58px;
	margin: 0 auto;
}

.cloud-list li h3 {
	color: #fff;
	font-size: 18px;
	padding: 12px 0 12px 0;
	letter-spacing: 2px;
}

.cloud-list li a {
	border: 1px solid #ffffff;
	color: #ffffff;
	font-size: 12px;
	padding: 5px 10px;
	width:80px;
	display:inline-block;
}

.cloud-list li:hover h3 {
	color: #248bdb;
}

.cloud-list li:hover .cloud-icon-lou{
	background-position:-70px 0;
}
.cloud-list li:hover .cloud-icon-o2o{
	background-position:-69px 0;
}
.cloud-list li:hover .cloud-icon-car{
	background-position:-70px 0;
}
.cloud-list li:hover .cloud-icon-vio{
	background-position:-70px 0;
}
.cloud-list li:hover .cloud-icon-itv{
	background-position:-70px 0;
}
.cloud-list li:hover .cloud-icon-zhf{
	background-position:-70px 0;
}
.cloud-list li:hover .cloud-icon-xin{
	background-position:-70px 0;
}
.cloud-list li:hover .cloud-icon-cun{
	background-position:-70px 0;
}
.cloud-list li:hover a {
	background: #248bdb;
	border: 1px solid #248bdb;
}

/*<==================================================>*/
/*app*/
.cloud-left {
	padding-top:50px;
	float: left;
	width: 430px;
	text-align: right;
}

.cloud-right {
	width:430px;
	padding-top:50px;
	float: left;
	padding-left:20px;

}

.cloud-content {
	width: 240px;
	float: left;
	padding-bottom: 40px;
}

.cloud-content img {
	width: 100%;
	height: auto;
	border: none;
	display: block;
}

.cloud-left-list h3 {
	padding-bottom:0;
	font-size:18px;
}

.cloud-text {
	width: 300px;
	float: right;
	padding-right: 10px;
	padding-top: 14px;
}

.cloud-left-list .cloud-text p {
	font-size: 13px;
}

.cloud-right .cloud-text {
	padding-left:10px;
	float:left;
}

.cloud-icon-yun {
	background: url("../img/icon/icon-yun.png") no-repeat;
	width: 70px;
	height: 70px;
	float: left;
	background-size: 140px;
}

.cloud-icon-yun:hover {
	cursor: pointer;
	background-position: -70px 0;
}

.cloud-icon-xing {
	background: url("../img/icon/icon-xing.png") no-repeat;
	width: 70px;
	height:70px;
	float: right;
	background-size: 140px;
}

.cloud-icon-xing:hover {
	cursor: pointer;
	background-position: -70px 0;
}

.cloud-icon-shang {
	background: url("../img/icon/icon-shang.png") no-repeat;
	width: 70px;
	height: 70px;
	float: right;
	background-size: 140px;
}

.cloud-icon-shang:hover {
	cursor: pointer;
	background-position: -70px 0;
}

.cloud-icon-ji {
	background: url("../img/icon/icon-ji.png") no-repeat;
	width: 70px;
	height: 70px;
	float: left;
	background-size: 140px;
}

.cloud-icon-ji:hover {
	cursor: pointer;
	background-position: -70px 0;
}

.cloud-icon-wei {
	background: url("../img/icon/icon-wei.png") no-repeat;
	width: 70px;
	height: 70px;
	float: right;
	background-size: 140px;
}

.cloud-icon-wei:hover {
	cursor: pointer;
	background-position: -70px 0;
}

.cloud-icon-shi {
	background: url("../img/icon/icon-shi.png") no-repeat;
	width: 70px;
	height: 70px;
	float: right;
	background-size: 140px;
}

.cloud-icon-shi:hover {
	cursor: pointer;
	background-position: -70px 0;
}

.cloud-icon-nr {
	background: url("../img/icon/icon-nr.png") no-repeat;
	width: 70px;
	height: 70px;
	float: left;
	background-size: 140px;
}

.cloud-icon-fen:hover {
	cursor: pointer;
	background-position: -70px 0;
}

.cloud-icon-fen {
	background: url("../img/icon/icon-fen.png") no-repeat;
	width: 70px;
	height: 70px;
	float: left;
	background-size: 140px;
}

.cloud-icon-nr:hover {
	cursor: pointer;
	background-position: -70px 0;
}

.cloud-left-list {
	padding-right: 20px;
	padding-bottom: 20px;
}

/*<==================================================>*/
/* cloud-service */
.cloud-service li:hover {
	background: #248bdb;
	cursor: pointer;
}

.cloud-service .cloud-icon-sev {
	background: url("../img/icon/icon-sev.png") no-repeat;
	width: 82px;
	height: 82px;
	margin: 0 auto;
	background-size: 82px;
	-ms-behavior: url(backgroundsize.min.htc);
	behavior: url(backgroundsize.min.htc);
}

.cloud-service .cloud-icon-qiu {
	background: url("../img/icon/icon-qiu.png") no-repeat;
	width: 82px;
	height: 82px;
	margin: 0 auto;
	background-size: 82px;
	-ms-behavior: url(backgroundsize.min.htc);
	behavior: url(backgroundsize.min.htc);
}

.cloud-service .cloud-icon-tie {
	background: url("../img/icon/icon-tie.png") no-repeat;
	width: 82px;
	height: 82px;
	margin: 0 auto;
	background-size: 82px;
	-ms-behavior: url(backgroundsize.min.htc);
	behavior: url(backgroundsize.min.htc);
}

.cloud-service .cloud-icon-san {
	background: url("../img/icon/icon-san.png") no-repeat;
	width: 82px;
	height: 82px;
	margin: 0 auto;
	background-size: 82px;
	-ms-behavior: url(backgroundsize.min.htc);
	behavior: url(backgroundsize.min.htc);
}

.cloud-service .cloud-icon-info {
	background: url("../img/icon/icon-info.png") no-repeat;
	width: 82px;
	height: 82px;
	margin: 0 auto;
	background-size: 82px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/icon/icon-info.png', sizingMethod='scale');
}

.cloud-service .cloud-icon-erm {
	background: url("../img/icon/icon-erm.png") no-repeat;
	width: 82px;
	height: 82px;
	margin: 0 auto;
	background-size: 82px;
	-webkit-background-size: 82px;
	-moz-background-size: 82px;
	-o-background-size: 82px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
}

.cloud-service li:hover h3 {
	color: #fff;
}

.cloud-services .cloud-service li {
	width: 32.333%;
	background: rgba(0,0,0,0.4);
	float: left;
	margin: 5px;
	padding: 20px 0;
	text-align: center;
	height: 180px;
}

.cloud-services .section .rsp {
	width: 100%;
	height: 155px;
	overflow: hidden;
	position: absolute;
	top: 25px;
	left: 0px;
	text-align: center;
}

.cloud-services .section .text {
	background: #248bdb;
	position: absolute;
	width: 100%;
	height: 200px;
	left: 0;
	top: -200px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

.cloud-services .section .text h3 {
	width: 100%;
	margin-top: 1px;
	height: 65px;
	line-height: 55px;
	text-align: center;
	color: #FFFFFF;
	background: #248bdb;
	font-size: 18px;
}

.cloud-services .section .text p {
	font-size: 12px;
	padding: 0 20px;
	line-height: 26px;
	text-align:left;
}

/*<=======================================================================================================>*/
/*<==================================================>*/
/* map */
.cloud-map {
	width: 232px;
	height: 408px;
	background: #248bdb;
	position: absolute;
	top: 0;
	right: 0px;
	text-align: center;
	color: #fff;
	padding: 20px;
}

.cloud-map h2 {
	font-size: 18px;
	color: #c7e1f6;
}

.cloud-map p {
	color: #c7e1f6;
	padding-top: 10px;
	font-size: 14px;
	line-height: 22px;
}

.cloud-map .cloud-telephone {
	font-size: 18px;
}

/*<==================================================>*/
/*cloud-form*/
.cloud-form {
	width: 379px;
	margin: 0 auto;
	overflow: hidden;
}

.cloud-form p {
	padding-bottom: 10px;
}

.cloud-form input {
	padding-left: 10px;
	width: 379px;
	height: 44px;
	background: none;
	color: #fff;
	border: 2px solid #9a999b;
}

.cloud-form textarea {
	width: 379px;
	height: 188px;
	padding: 10px;
	resize: none;
	background: none;
	overflow: hidden;
	color: #fff;
	border: 2px solid #9a999b;
}

.cloud-form a {
	background: #248bdb;
	width: 379px;
	height: 44px;
	line-height: 44px;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-size: 16px;
}

/*<==================================================>*/
/* sou */
.section {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}

.section ul {
	width: 1100px;
}

.section ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline;
	width: 265px;
	height: 200px;
	overflow: hidden;
	position: relative;
}

.section ul li .photo {
	width: 264px;
	height: 200px;
	overflow: hidden;
}

.section ul li h2 {
	font-size: 16px;
	padding-top: 10px;
}

.section .rsp {
	width: 264px;
	height: 200px;
	overflow: hidden;
	position: absolute;
	top: 25px;
	left: 0px;
	text-align: center;
}

.section .text {
	position: absolute;
	width: 264px;
	height: 200px;
	left: 1px;
	top: -190px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

.section .text h3 {
	width: 264px;
	margin-top: 130px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #FFFFFF;
	background: #000000;
	font-size: 26px;
}

/*<==================================================>*/
/* News */
.cloud-info {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.cloud-info h2 {
	font-size: 18px;
	color: #1d2944;
}

.cloud-info p {
	padding: 15px 0;
	font-size: 14px;
	color: #8b8a8c;
}

.cloud-info ul li {
	padding: 5px 0;
}

.cloud-info ul li a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #404040;
}

.cloud-info ul li a:hover {
	color: #3db1ea;
}

.cloud-info .cloud-info-fl span {
	padding-right: 20px;
	display: inline-block;
	float: left;
	font-size: 14px;
	color: #999;
	line-height:22px;
}

.cloud-info .cloud-info-fr span {
	padding-right: 20px;
	display: inline-block;
	float: left;
	font-size: 14px;
	color: #999;
	line-height:22px;
}

.cloud-info-fl {
	width: 420px;
	float: left;
}

.cloud-info-fr {
	width: 420px;
	float: right;
}

.cloud-news {
	width: 400px;
	padding: 20px 0;
}

.cloud-news img {
	width: 100%;
	display: block;
	border: none;
}

/*<==================================================>*/
/* app */
.friend {
	height: 182px;
	margin: 0 auto;
	overflow: hidden;
	width: 1100px;
}

.mr_frbox {
	height: 182px;
}

.mr_frBtnL {
	cursor: pointer;
	display: inline;
	float: left;
	height: 40px;
	margin: 75px 10px 0 0;
	width: 20px;
}

.mr_frUl {
	float: left;
	height: 182px;
	width: 1015px;
	margin-right:10px;
	margin-left:10px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}

.mr_frBtnR {
	float: right;
	margin-top: 75px;
	cursor: pointer;
	width: 28px;
	height: 46px;
}

.mr_frUl ul li {
	display: inline;
	float: left;
	width: 172px;
	text-align: center;
	overflow: hidden;
	position: relative;
	border-right: 1px solid #e5e5e5;
}

.mr_frUl ul li a img {
	width: 100%;
}

.mr_zhe {
	width: 172px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.mr_zhe_i h1 {
	text-align: center;
	font-size: 182px;
	height: 182px;
	line-height: 138px;
	margin-top: 72px;
	margin-bottom: 64px;
	font-weight: bold;
	color: #fff;
}

.mr_zhe_p {
	margin-bottom: 60px;
}

.mr_zhe_p h3 {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
}

.mr_zhe_p h3 span {
	display: block;
	margin: 0 auto;
	width: 172px;
	font-size: 18px;
	border-bottom: 1px solid #f4f4f4;
}

.mr_zhe_hover {
	bottom: 1px;
	height: 182px;
	position: absolute;
	width: 172px;
	cursor: pointer;
}

.mr_zhe_hover h1 {
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin: 22px 0;
	color: #fff;
}

.mr_zhe_i {
	padding-top: 20px;
	height: 182px;
}

.mr_zhe_i h3 {
	width: 172px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
}

.mr-zhu {
	width: 172px;
	height: 182px;
	overflow: hidden;
}

.mr-zhu img {
	width: 100%;
}

/*<==================================================>*/
/* footer */
.cloud-footer {
	width: 100%;
	height: 230px;
	background: #161b1d;
	color: #fff;
}
.cloud-foot-title{
	padding-bottom:20px;
}
.cloud-foot {
	text-align: center;
	padding: 20px 0;
}
.cloud-foot-logo{
	float:left;
	padding-right:20px;
}
.cloud-foot-text{
	float:left;
}
.cloud-foot-box{
	border-top:1px solid #343434;
	padding-top:20px;
}

.cloud-foot h2 {
	font-size:22px;
	letter-spacing: 5px;
	padding-bottom:1px;
	color:#3498e6;
	font-weight:bold;
}
.cloud-foot .cloud-mon {
	font-size:14px;
	letter-spacing:2.6px;
	padding-bottom:1px;
	color:#7aa5c6;
	font-weight:200;
}
.cloud-foot .cloud-shares{
	font-size:14px;
	color:#999;
}
.cloud-foot p {
	color: #d8d9d9;
}
.cloud-foot-text p{
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	color: #6f6f6f;
	padding-top:3px;
}

.cloud-foot ul {
	text-align: left;
	padding-top: 5px;
	padding-left:10px;
}

.cloud-foot ul li {
	color:#6f6f6f;
	font-size: 14px;
	display: inline-block;
}

.cloud-foot ul li a {
	font-size: 14px;
	color:#6f6f6f;
	padding: 0 10px;
}

.cloud-foot .copy {
	font-size:14px;
	text-align:left;
	padding-left:10px;
	color:#6f6f6f;
}

.cloud-yunyue-code {
	padding-top: 20px;
}

.cloud-yunyue-code img{
	width:69%;
	height:auto;
	display:block;
	border:none;
	margin:0 auto;
}

.cloud-work li {
	width: 182px;
	height: 86px;
	float: left;
	text-align: center;
	margin: 20px 0px;
}
.cloud-work li a img{
	border:1px solid #ededed;
}
.cloud-work li a img:hover{
	border:1px solid #248bdb;
}
/* cloud-num */
.cloud-num {
	margin-top: 40px;
	width: 100%;
	background: #c6d5d9 url("../img/banner/dit.jpg") no-repeat center;
	height: 400px;
}

/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */
.col_half {
	width: 49%;
}

.col_third {
	width: 32%;
}

.col_fourth {
	width: 24.111%;
}

.col_fifth {
	width: 18.4%;
}

.col_sixth {
	width: 15%;
}

.col_three_fourth {
	width: 74.5%;
}

.col_twothird {
	width: 66%;
}

.col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 1%;
	margin-bottom: 20px;
}

.end {
	margin-right: 0 !important;
}

/* Column Grids End */
.wrapper {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	padding-top:100px;
}

.counter {
	padding: 20px 0;
	border-radius: 5px;
}

.count-title {
	font-family: dincond_bold,sans-serif;
	letter-spacing: -1px;
	font-size: 55px;
	padding-top:25px;
	padding-bottom:1px;
	text-align: center;
	color: #009de1;
	font-weight:600;
}

@keyframes wobble-vertical {
	16.65% {
		transform: translateY(10px);
	}
	33.3% {
		transform: translateY(-7px);
	}
	49.95% {
		transform: translateY(4px);
	}
	66.6% {
		transform: translateY(-3px);
	}
	83.25% {
		transform: translateY(1px);
	}
	100% {
		transform: translateY(0px);
	}
}


.cloud-wis .count-title:hover{
	animation-duration: 1s;
	animation-iteration-count:1;
	animation-name: wobble-vertical;
	animation-timing-function: ease-in-out;
	box-shadow: 0 0 1px transparent;

	transform: translateZ(1px);
}
.count-text {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 0;
	text-align: center;
	color: #8c8c8d;
	padding-bottom:20px;
	padding-top:25px;
	background:url("../img/icon/icon-news.png") no-repeat top;

}

.fa-2x {
	margin: 0 auto;
	float: none;
	display: table;
	color: #4ad1e5;
}

.cloud-wis {
	background: #fff;
}

.cloud-wis {
	position: relative;
}

.cloud-wis i {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 14px;
	height: 14px;
	background: url("../img/icon/jia.jpg") no-repeat center ;
}

/*<==================================================>*/
/* full page */
#menu {
	position: fixed;
	left: 0;
	top: 50%;
	width: 135px;
	margin: -160px 0 0;
	padding: 0;
	list-style-type: none;
	z-index: 70;
}

#menu li {
	font: 14px "Microsoft Yahei";
	border-bottom: 1px solid #0f4780;
	background: #003770;
}

#menu a {
	display: block;
	padding: 8px 0;
	background: url("../img/icon/full-icon.png") no-repeat center;
	background-size: 19px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

#menu a{
	background-position: 10px 10px;

}

#menu .active {
	color: #003770;
	background: #fff;
	width: 150px;
	border-radius: 0 10px 10px 0;
	border: none
}

#menu .active a {
	color: #003770;
	background: url("../img/icon/full-icon-at.png") no-repeat center;
	background-size: 19px;
	text-align: left;
	padding-left: 40px;
}
#menu .active a{
	background-position: 10px 10px;

}

.section {
	text-align: center;
	font: 18px "Microsoft Yahei";
	color: #fff;
}

.section1 {
	background: url(../images/bg2_87283a0.jpg) no-repeat;
	background-size: cover;
}

.section2 {
	background: url(../images/full-bj2.jpg) no-repeat;
	background-size: cover;
}

.section3 {
	background: url(../images/full-bj3.jpg) no-repeat;
	background-size: cover;
}

.section4 {
	background: url(../images/full-bj4.jpg) no-repeat;
	background-size: cover;
}

.section5 {
	background: url(../images/full-bj5.jpg) no-repeat;
	background-size: cover;
}

.section6 {
	background: url(../images/full-bj6.jpg) no-repeat;
	background-size: cover;
}

.screen-main {
	position: relative;
	width: 1100px;
	height: 840px;
	margin: 0 auto;
}

.screen-main span {
	position: absolute;
}

.science-inner {
	position: relative;
	width: 980px;
	height: 850px;
	margin: 0 auto;
	overflow: hidden;
}

.famous-inner {
	position: relative;
	width: 980px;
	height: 850px;
	margin: 0 auto;
	overflow: hidden;
}

.social-inner {
	position: relative;
	width: 980px;
	height: 850px;
	margin: 0 auto;
	overflow: hidden;
}

.net-inner {
	position: relative;
	width: 980px;
	height: 850px;
	margin: 0 auto;
	overflow: hidden;
}

.yun-inner {
	position: relative;
	width: 980px;
	height: 850px;
	margin: 0 auto;
	overflow: hidden;
}

.screen-main .shi2 {
	width: 291px;
	height: 81px;
	left: 2897px;
	z-index: 1;
	top: -359px;
	background: url(../images/full-sy.png) no-repeat;
	background-size: 200px;
}

.screen-main .year0 {
	width: 1100px;
	height: 97px;
	left: 0;
	text-align: center;
	z-index: 2;
	text-shadow: 2px 2px 4px #000;
}

.science-inner a {
	text-decoration: none;
	float: left;
	position: absolute;
	display: inline-block;
	white-space: nowrap
}

.science-inner .stimg1 {
	background: url(../images/full-xq.png) no-repeat;
	background-size: 200px;
	width: 291px;
	height: 81px;
}

.science-inner .stimg2 {
	width: 1100px;
	height: 97px;
	left: 0;
	text-align: center;
	z-index: 2;
	text-shadow: 2px 2px 4px #000;
	color: #fff;
}

.famous-inner a {
	text-decoration: none;
	color: #8a5e25;
	float: left;
	position: absolute;
	display: inline-block;
	white-space: nowrap
}

.famous-inner .faimg1 {
	background: url(../images/full-cy.png) no-repeat;
	background-size: 200px;
	width: 291px;
	height: 81px;
}

.famous-inner .faimg2 {
	width: 1100px;
	height: 97px;
	left: 0;
	text-align: center;
	z-index: 2;
	text-shadow: 2px 2px 4px #000;
	color: #fff;
}

.social-inner a {
	text-decoration: none;
	color: #535353;
	float: left;
	position: absolute;
	display: inline-block;
	white-space: nowrap
}

.social-inner .soimg1 {
	background: url(../images/full-kf.png) no-repeat;
	background-size: 200px;
	width: 291px;
	height: 81px;
}

.social-inner .soimg2 {
	width: 1100px;
	height: 97px;
	left: 0;
	text-align: center;
	z-index: 2;
	text-shadow: 2px 2px 4px #000;
	color: #fff;
}

.net-inner a {
	text-decoration: none;
	color: #00a0e9;
	float: left;
	position: absolute;
	display: inline-block;
	white-space: nowrap
}

.yun-inner a {
	text-decoration: none;
	color: #00a0e9;
	float: left;
	position: absolute;
	display: inline-block;
	white-space: nowrap
}

.net-inner .netimg1 {
	background: url(../images/full-cs.png) no-repeat;
	background-size: 200px;
	width: 291px;
	height: 81px;
}

.net-inner .netimg2 {
	width: 1100px;
	height: 97px;
	line-height: 30px;
	left: 0;
	text-align: center;
	z-index: 2;
	text-shadow: 2px 2px 4px #000;
	color: #fff;
}

.yun-inner .netimg1 {
	background: url(../images/full-yy.png) no-repeat;
	background-size: 200px;
	width: 291px;
	height: 81px;
}

.yun-inner .netimg2 {
	width: 1100px;
	height: 97px;
	line-height: 30px;
	left: 0;
	text-align: center;
	z-index: 2;
	text-shadow: 2px 2px 4px #000;
	color: #fff;
}

/* an li */
.cloud-case {
	width: 100%;
	background: url("../img/banner/case.png") no-repeat center;
	height: 320px;
}

.cloud-city {
	width: 100%;
	background: url("../img/banner/city.png") no-repeat center;
	height: 320px;
}

.cloud-new-bj {
	width: 100%;
	background: url("../img/banner/new.jpg") no-repeat center;
	height: 320px;
}

.cloud-news-bj {
	width: 100%;
	background: url("../img/banner/news.jpg") no-repeat center;
	height: 320px;
}

.cloud-item {
	width: 100%;
	background: url("../img/banner/item.jpg") no-repeat center;
	height: 320px;
}

.cloud-mobile {
	width: 100%;
	background: url("../img/banner/souyu-bj.jpg") no-repeat top center;
	height: 550px;
	background-size: cover;
}

.cloud-mall {
	width: 100%;
	background: url("../img/banner/mall-bj.jpg") no-repeat top center;
	height: 550px;
	background-size: cover;
}

.cloud-case-content {
	width: 1100px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

.cloud-case-title {
	text-align: center;
	padding-top: 100px;
}

.cloud-case-title h2 {
	color: #fff;
	font-size: 22px;
	padding-bottom: 20px;
}

.cloud-case-title p {
	color: #fff;
	font-size: 18px;
	font-weight: 200;
}

.cloud-blue {
	background: #e9f5ff;
	width: 100%;
}

.cloud-white {
	background: #ffffff;
	width: 100%;
}

.cloud-blue-fl img {
	display: block;
	border: none;
}

.cloud-blue-fl {
	float: left;
	width: 550px;
}

.cloud-blue-fr {
	width: 550px;
	padding-top: 25px;
	float: left;
	padding-left: 20px;
}

.blue-fr-box {
	float: left;
}

.blue-fr-logo {
	width: 70px;
	height: 70px;
}

.blue-fr-box img {
	width: 100%;
	height: 100%;
	display: block;
	border: none;
}

.blue-fr-code {
	float: right;
	width: 90px;
	height: 90px;
}

.blue-fr-code img {
	width: 100%;
	height: 100%;
	display: block;
	border: none;
}

.blue-fr-logo {
	float: left;
}

.blue-fr-yue {
	padding-left: 15px;
	float: left;
}

.blue-fr-text h3 {
	color: #333;
	padding: 20px 0;
	margin-left: -9px;
}

.blue-fr-text h4 {
	font-size: 16px;
	padding: 10px 0;
}

.blue-fr-text p {
	color: #999999;
	font-size: 14px;
}

.blue-fr-yue h2 {
	font-size: 22px;
	color: #333;
	padding-bottom: 10px;
}

.blue-fr-yue p {
	font-size: 14px;
	color: #999999;
}

.cloud-top {
	padding-top: 80px;
}

/* about */
.cloud-pad {
	padding-top: 40px;
}

.cloud-abouts {
	width: 100%;
	background: url("../img/banner/about.jpg") no-repeat center;
	background-size: cover;
	height: 400px;
}

.cloud-mission {
	padding: 0 10px;
}

.cloud-mission h1 {
	background: url("../img/icon/icon-line.png") no-repeat center;
	background-size: 80px;
	height: 90px;
	color: #43cbe6;
	font-size: 44px;
	line-height: 100px;
	font-weight: 500;
	width: 440px;
	margin-bottom: 20px;
}

.cloud-mission h1 span {
	color: #a8a8a8;
	font-size: 18px;
	font-weight: 300;
	padding-left: 60px;
}

.cloud-mission p {
	text-indent: 30px;
	padding-bottom: 10px;
	color: #182347;
	padding-right: 14px;
	text-align: justify;
	font-size: 14px;
	line-height: 26px;
}

.cloud-about-img {
	padding-top: 50px;
}
.cloud-about-img img{
	float: right;
}

.cloud-ceo {
	width: 350px;
}

.cloud-ceo img {
	width: 100%;
	height: 100%;
	display: block;
	border: none;
}

.cloud-introduce {
	float: left;
	margin-left: -100px;
}

.cloud-introduce p {
	font-size: 14px;
	padding-bottom: 10px;
	color: #182347;
}

.cloud-history {
	width: 900px;
	margin: 0 auto;
	padding-bottom: 40px;
}

.cloud-history img {
	width: 100%;
	height: 100%;
	display: block;
	border: none;
}

/* cloud-share-blue */
.cloud-share-blue {
	background:url("../img/banner/share-news-bj.jpg") no-repeat center;
	background-size:cover;
	height: 840px;
}

.cloud-share-bj {
	background: url("../img/share/shaer-bj.jpg") no-repeat center;
	background-size: cover;
	height: 700px;
}

.cloud-share-content {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.b_map {
	margin: 0 auto;
	width: 1000px;
	text-align: center;
	height: 620px;
	position: relative;
}

.e_map_tags {
	position: absolute;
	top: -5px;
}

.e_map_tags li {
	width:auto;
	height:100px;
	position: absolute;
	text-align: right;
	padding-bottom: 8px;
	display: block;
	color: #182347;
	top: 0px;
	cursor: pointer;
	left: 0px
}

.e_map_tags li h3 {
	font-size: 18px;
}

.e_map_tags li p {
	font-size: 14px;
	color:#8c8f9a;
}
.m_share-1{
	text-align:left;
	position:absolute;
	top:23px;
	left:116px;
	width:150px;
}
.m_share-2{
	text-align:left;
	position:absolute;
	top:3px;
	left:126px;
	width:150px;
}
.m_share-3{
	text-align:left;
	position:absolute;
	top:20px;
	left:130px;
	width:150px;
}
.m_share-4{
	text-align:left;
	position:absolute;
	top:15px;
	left:80px;
	width:150px;
}
.m_share-5{
	text-align:right;
	position:absolute;
	top:20px;
	left:-160px;
	width:150px;
}
.m_share-6{
	text-align:right;
	position:absolute;
	top:20px;
	left:-160px;
	width:150px;
}

.m_share-7{
	text-align:right;
	position:absolute;
	top:10px;
	left:-170px;
	width:160px;
}



.e_map_tags  .m_share-li{
	top:75px;
	left:125px;
}
.e_map_tags  .m_mall-li{
	top:30px;
	left:335px;
}
.e_map_tags .m_union-li{
	top:450px;
	left:85px;
}
.e_map_tags .m_zhi-li{
	top:530px;
	left:420px;
}
.e_map_tags .m_wei-li{
	top:450px;
	left:760px;
}
.e_map_tags .m_zs-li{
	top:290px;
	left:820px;
}
.e_map_tags .m_ms-li{
	top:60px;
	left:840px;

}


.e_map_tags .m_share {
	top:0;
	left:0;
	position:absolute;
	background: url("../img/share/yunyue-news.png") no-repeat top left;
	background-size: 100px;
	padding-left:120px;
	padding-top:20px;
	text-align:left;
	width:120px;
	height:120px;
	z-index:200;
}


.e_map_tags .m_mall {
	top:0;
	left:0;
	background: url("../img/share/news-chuangtou.png") no-repeat top right;
	background-size: 50px;
	width:120px;
	height:120px;
	transform: scale(1, 1);
	position:absolute;
}


.e_map_tags .m_union {
	top: 0;
	left:0;
	background: url("../img/share/news-souyue.png") no-repeat top right;
	background-size: 80px;
	padding-right: 40px;
	width:120px;
	height:120px;
	transform: scale(1, 1);
	position:absolute;
}

.e_map_tags .m_zhi {
	top:0;
	left:0;
	background: url("../img/share/news-weixin.png") no-repeat top left;
	background-size: 70px;
	text-align: left;
	width:120px;
	height:120px;
	transform: scale(1, 1);
	position:absolute;
}

.e_map_tags .m_wei {
	top:0;
	left:0;
	background: url("../img/share/news-qiyue.png") no-repeat top left;
	background-size: 70px;
	text-align: left;
	width:120px;
	height:120px;
	transform: scale(1, 1);
	position:absolute;
}

.e_map_tags .m_zs {
	top:0;
	left:0;
	background: url("../img/share/news-juli.png") no-repeat top left;
	background-size: 65px;
	text-align: left;
	width:100px;
	height:100px;
	transform: scale(1, 1);
	position:absolute;
}

.e_map_tags .m_ms {
	top:0;
	left:0;
	background: url("../img/share/news-mall.png") no-repeat top left;
	background-size: 65px;
	text-align: left;
	width:100px;
	height:100px;
	transform: scale(1, 1);
	position:absolute;
}


.e_map_info {
	text-align: left;
	z-index: 2;
	position: absolute;
	top: -5px;
}

.e_map_info .m_content {
	z-index: 1;
	position: absolute;
	cursor: pointer;
	padding: 15px 20px;
	height:155px;
	background-color: #248bdb;
	border-radius: 10px;
	width:320px;
	display: block;
	top: 0px;
	left: 0px;
	color: #fff
}

.e_map_info .hide {
	display: none;
}

.e_map_info .m_content i {
	z-index: 1;
	position: absolute;
	width: 8px;
	bottom: -8px;
	display: block;
	height: 8px;
	overflow: hidden;
	right: -1px;
	_right: -2px
}

.e_map_info .m_content h4 {
	margin-bottom: 5px;
	font-weight: 400;
}

.e_map_info .m_content h5 {
	margin-bottom: 5px;
	font-weight: 400;
	color: #fff
}

.e_map_info .m_content p {
	font-size: 12px;
	color: #fff
}

.e_map_info .m_share-box {
	transition: all .5s;
	top: 84px;
	left: 163px;
	background:rgba(61,177,234,0.95);
	/*background: #3db1ea; !* 默认 第一版本带图标 url *!*/
	background-size: 50px;
	z-index:-10;
	padding-left:70px;
}

.e_map_info .m_mall-box {
	top:35px;
	left:432px;
	background:rgba(61,177,234,0.95);
	/*background: #248bdb url("../img/share/mall-icon.png") no-repeat right top;*/
	background-size: 50px;
	padding-left:50px;
}

.e_map_info .m_union-box {
	top:457px;
	left:158px;
	background:rgba(61,177,234,0.95);
	/*background: #248bdb url("../img/share/union-icon.png") no-repeat right top;*/
	background-size: 50px;
	padding-left:60px;
}

.e_map_info .m_zhi-box {
	top: 428px;
	left: 458px;
	background:rgba(61,177,234,0.95);
	/*background: #248bdb url("../img/share/zhi-icon.png") no-repeat right top;*/
	background-size: 50px;

}

.e_map_info .m_wei-box {
	top:347px;
	left: 484px;
	background:rgba(61,177,234,0.95);
	/*background: #248bdb url("../img/share/wei-icon.png") no-repeat right top;*/
	background-size: 50px;
}

.e_map_info .m_zs-box {
	top:185px;
	left:546px;
	background:rgba(61,177,234,0.95);
	/*background: #248bdb url("../img/share/zs-icon.png") no-repeat right top;*/
	background-size: 50px;
}

.e_map_info .m_ms-box {
	top:-35px;
	left:566px;
	background:rgba(61,177,234,0.95);
	/*background: #248bdb url("../img/share/zs-icon.png") no-repeat right top;*/
	background-size: 50px;
}



.e_map_info .m_guangzhou {
	top: 176px;
	left: -58px
}

.e_map_info .m_chengdu {
	top: 92px;
	left: -127px
}

.e_map_info .m_xian {
	top: 74px;
	left: -60px
}

.e_map_info .m_xianggang {
	top: 204px;
	left: -4px
}

.e_map_info .m_hangzhou {
	top: 98px;
	left: -55px
}

.e_map_info .m_nanjing {
	top: -44px;
	left: -289px
}

.cloud-share-title {
	text-align: center;
}

.cloud-share-title h2 {
	font-size: 30px;
	color: #1d2944;
	padding:60px 0;
}
.cloud-se-bj{
	width:1100px;
	background:url("../img/icon/service.png") no-repeat center;
	height:620px;
	margin:0 auto;
	background-size:80%;
}
.e_map_info .m_content .cloud-share1 {
	background: url("../img/share/shaer1.png") no-repeat top right;
	background-size: 30px;
	width: 49px;
	height: 49px;
	right: -14px;
	top: 58px;
}

.e_map_info .m_content .cloud-mall1 {
	background: url("../img/share/news-chuangtou1.png") no-repeat top left;
	background-size: 90px;
	width: 120px;
	height:120px;
	left: -44px;
	top: -22px;
}

.e_map_info .m_content .cloud-union1 {
	background: url("../img/share/news-souyue.png") no-repeat top left;
	background-size: 100px;
	width: 120px;
	height: 120px;
	left: -45px;
	top:-17px;
}

.e_map_info .m_content .cloud-zhi1 {
	background: url("../img/share/news-weixin.png") no-repeat top left;
	background-size: 88px;
	width: 100px;
	height:100px;
	left: -48px;
	top:93px;
}

.e_map_info .m_content .cloud-wei1 {
	background: url("../img/share/news-qiyue.png") no-repeat top right;
	background-size: 90px;
	width: 100px;
	height:100px;
	right:-37px;
	top: 93px;
}

.e_map_info .m_content .cloud-zs1 {
	background: url("../img/share/news-juli.png") no-repeat top right;
	background-size: 85px;
	width:100px;
	height:100px;
	right: -30px;
	top: 95px;
}

.e_map_info .m_content .cloud-ms1 {
	background: url("../img/share/news-mall.png") no-repeat top right;
	background-size: 85px;
	width:100px;
	height:100px;
	right: -30px;
	top: 86px;
}


/* share begin  */
.fgH20 {
	float: left;
	width: 5px;
	height: 270px;
}

#servicesBox {
	width: 1100px;
	height: 270px;
	margin: 0 auto;
	clear: both;
	line-height: 18px;
	color: #999999;
	font-size: 12px;
}

#servicesBox h3 {
	font-weight: normal;
	font-size: 16px;
	height: 30px;
	line-height: 20px;
	color: #000000;
}

#servicesBox .serBox {
	cursor: pointer;
	display: inline;
	width: 215px;
	height: 340px;
	float: left;
	overflow: hidden;
	background-color: #f7f7f7;
	position: relative;
	padding: 0;
	opacity: 0.85
}

#servicesBox .serBoxOn {
	display: none;
	width: 215px;
	height: 340px;
	background: #227fc7;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 19;
	opacity: 9;
}

#servicesBox .serBox .pic1 {
	width: 110px;
	height: 110px;
	text-align: center;
	position: absolute;
	top: 45px;
	right: 54px;
	z-index: 99;
}

#servicesBox .serBox .pic2 {
	width: 110px;
	height: 110px;
	text-align: center;
	position: absolute;
	top: 45px;
	left: -110px;
	z-index: 99;
}

#servicesBox .serBox .txt1 {
	width: 215px;
	height: 100px;
	color: #182347;
	font-size: 14px;
	line-height: 22px;
	position: absolute;
	top: 165px;
	left: 0px;
	z-index: 99;
	padding: 0 20px;
}

#servicesBox .serBox .txt2 {
	width: 215px;
	height: 100px;
	color: #ffffff;
	font-size: 14px;
	line-height: 22px;
	position: absolute;
	top: 165px;
	right: -240px;
	z-index: 99;
	padding: 0 20px;
}

#servicesBox .serBox span.tit {
	font-size: 16px;
	display: block;
	height: 50px;
	line-height: 40px;
	text-align: center;
}

#servicesBox .serBox .txt1 .tit {
	color: #000000;
}

#servicesBox .serBox .txt2 .tit {
	color: #fff
}

.ser-title {
	position: absolute;
	z-index: 9999;
	width: 215px;
	text-align: center;
	top: 112px;
	color: #182347;
}

.ser-title h2 {
	font-size: 22px;
}

/* City  */
.cloud-city-title {
	text-align: center;
	padding:10px 0 30px 0;
}
.cloud-city-title h1{
	font-size:16px;
	color:#353c58;
	padding-bottom:20px;
}
.cloud-city-title h2 {
	text-align: center;
	width: 30px;
	border-bottom: 4px solid #248bdb;
	background: #248bdb;
	margin: 0 auto 20px;
}

.cloud-city-title p {
	padding-top: 10px;
	color: #182347;
	font-size: 14px;
}

.cloud-city-box {
	width: 100%;
	height: 248px;
	background: #6e737d;
}

.cloud-city-fl {
	width: 50%;
	float: left;
	height: 248px;
}

.cloud-city-fr {
	width: 50%;
	float: right;
	height: 248px;
	background: #3db1ea;
}

.cloud-city-fl {
	background: url("../img/banner/city.jpg") no-repeat ;
	background-size: cover;
}

.cloud-city-text {
	width: 420px;
	color: #fff;
	font-size: 14px;
	padding: 70px 0 0 30px;
	line-height: 26px;
}

.list-title {
	padding-top: 80px;
	width: 510px;
	float: left;
}

.list-text {
	width: 550px;
	float: right;
}

.list-text img {
	display: block;
	border: noen;
}

.list-title h2 {
	padding-bottom: 20px;
	font-size: 22px;
	color: #3db1ea;
}

.list-title p {
	font-size: 14px;
	color: #182347;
	line-height: 26px;
}

.list-one {
	background: url("../img/city/one.png") no-repeat top left;
	background-size: 30px;
	padding-left: 40px;
	padding-top: 10px;
}

.list-two {
	background: url("../img/city/two.png") no-repeat top left;
	background-size: 35px;
	padding-left: 40px;
	padding-top: 10px;
}

.list-three {
	background: url("../img/city/three.png") no-repeat top left;
	background-size: 35px;
	padding-left: 40px;
	padding-top: 10px;
}

.list-four {
	background: url("../img/city/four.png") no-repeat top left;
	background-size: 35px;
	padding-left: 40px;
	padding-top: 10px;
}

.list-five {
	background: url("../img/city/five.png") no-repeat top left;
	background-size: 35px;
	padding-left: 40px;
	padding-top: 10px;
}

.list-six {
	background: url("../img/city/six.png") no-repeat top left;
	background-size: 35px;
	padding-left: 40px;
	padding-top: 10px;
}

.list-text-fl {
	float: left;
}

.list-title-pa {
	padding-left: 40px;
}

#ScrollToTop {
	position: fixed;
	_position: absolute;
	z-index: 4;
	right: 25px;
	bottom: 100px;
	width: 60px;
	height: 60px;
	display: block;
	font-size: 14px;
	text-align: center;
	border: black;
	border-radius: 3px;
	background: url("../img/icon/top.jpg") no-repeat center;
	background-size: cover;
	cursor: pointer;
}

.cloud-login{
	position: fixed;
	_position: absolute;
	z-index: 4;
	right: 25px;
	bottom: 30px;
	width: 60px;
	height: 60px;
	display: block;
	font-size: 14px;
	text-align: center;
	border: black;
	border-radius: 3px;
	background:#00a0e9;
	background-size: cover;
	cursor: pointer;
	color:#fff;
	line-height:60px;
}
.cloud-login a{
	display:block;
	color:#fff;
}

#ScrollToTop.Offscreen {
	bottom: -100px;
	-moz-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
}

/* item */
.top {
	width: 100%;
	height: 100px;
	background: #fff;
}
.top-1{
	width:100%;
}

.cloud-items-list {
	width: 800px;
	margin: 0 auto;
	padding: 30px 0;
}

#cloud-item .cloud-post {
	display: none;
}

#cloud-item ol .active {
	background: #3db1ea;
	color: #fff;
	border: 1px solid #3db1ea;
}

#cloud-item ol li {
	display: inline-block;
	float: left;
	border: 1px solid #000000;
	margin: 0 5px;
	height: 35px;
	line-height: 35px;
	width: 90px;
	text-align: center;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}

.cloud-items-blue {
	width: 100%;
	height: 600px;
	background: #3db1ea url("../img/icon/icon-item.png") no-repeat center bottom;
}

#cloud-item .cloud-post .cloud-city-title p {
	padding-top: 4px;
	color: #353c58;
	font-size: 14px;
}

.cloud-item-box {
	width: 900px;
	margin: 0 auto;
}

.cloud-item-box-text {
	padding-top: 90px;
	width: 400px;
	float: left;
}

.cloud-item-box-text h2 {
	font-size: 26px;
	color: #eef6fa;
	padding-bottom: 20px;
}

.cloud-item-box-text p {
	font-size: 14px;
	padding-bottom: 10px;
	color: #d9edfa;
	line-height: 24px;
}

.cloud-item-box-img {
	width: 500px;
	float: left;
}

.cloud-item-box-img img {
	width: 100%;
	height: 100%;
	display: block;
	border: none;
}

/* news */
.cloud-new-content {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.cloud-crumbs {
	color: #59595a;
	font-size: 14px;
	padding: 30px 0 10px 0;
}

.cloud-crumbs-title {
	color: #248bdb;
}

.cloud-new-content-bj {
	width: 1000px;
	margin: 0 auto 30px;
	overflow: hidden;
	position: relative;
	background: #fff;
	text-align: center;
}

.new-box {
	padding: 40px;
	text-align: center;
	color: #999999;
	font-size: 14px;
	line-height: 22px;
}

.new-box p {
	padding: 10px 0;
	text-align:left;
	text-indent:2em;
	line-height:24px;
	font-family:"微软雅黑";
	font-size:14px;
	color:#666;
}


.new-box-title h2 {
	font-size: 22px;
	color: #333;
}
.new-box-title h4 {
	font-size: 14px;
	color: #333;
	font-weight:normal;
	padding-top:10px;
}

.new-box-title p {
	color: #666;
}

.new-box-text img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	display: block;
	border: none;
	padding:20px 0;
	margin: auto;    
    top: 0; left: 0; bottom: 0; right: 0;  
}

#cloud-new .cloud-post {
	display: none;
}

#cloud-new ol {
	margin-left: -1px;
	float: left;
}

#cloud-new ol .active {
	background: #fff;
	color: #333;
	border-left: 3px solid #248bdb;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#cloud-new ol li {
	border: 1px solid #d2d2d2;
	height: 45px;
	line-height: 45px;
	width: 190px;
	text-align: center;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}

.new-content {
	float: left;
	padding: 40px 0 100px 40px;
}

.new-content-box {
	text-align: left;
	width: 700px;
}

.new-content-box ul li {
	padding: 10px 0;
	border-bottom: 1px dotted #00a0e9;
	color: #666666;
	font-size: 14px;
}

.new-content-box ul li span {
	display: block;
	float: right;
	color: #999;
}

/* cloud-mobile 搜悦 */
.cloud-mobile-content {
	width: 1100px;
	margin: 0 auto;
	height: auto;
	position: relative;
}

.cloud-mobile-title {
	width: 500px;
	float: left;
	padding-top: 100px;
}

.cloud-mobile-title h1 {
	color: #fff;
	font: 60px "Microsoft Yahei";
	font-weight: 600;
}

.cloud-mobile-title h2 {
	color: #fff;
	font: 40px "Microsoft Yahei";
	font-weight: bold;
	padding-bottom: 10px;
}

.cloud-mobile-title p {
	color: #fff;
	font: 20px "Microsoft Yahei";
	font-weight: bold;
	padding-bottom: 2px;
}

.cloud-mobile-title a {
	background: #3db1ea;
	display: block;
	font: 18px "Microsoft Yahei";
	color: #1b3462;
	width: 180px;
	text-align: center;
	height: 44px;
	line-height: 44px;
	margin-top: 90px;
}

.cloud-mobile-img {
	width: 500px;
	float: right;
	overflow: hidden;
}

.cloud-mobile-img img {
	width: 100%;
	height: 100%;
	display: block;
	border: none;
}

.cloud-mobile-top {
	text-align: center;
}

.cloud-mobile-top h2 {
	padding-top: 40px;
	color: #222222;
	font: 30px "Microsoft Yahei";
	font-weight: bold;
	padding-bottom: 25px;
}

.cloud-mobile-top h3 {
	width: 60px;
	height: 2px;
	background: #222;
	margin: 0 auto;
}

.cloud-mobile-top h4 {
	padding-top: 20px;
	padding-bottom: 10px;
	color: #3c3c3c;
	font: 22px "Microsoft Yahei";
}

.cloud-mobile-top p {
	padding-bottom: 5px;
	color: #666666;
	font: 14px "Microsoft Yahei";
}

.mobile-top-img {
	width: 800px;
	margin: 0 auto;
}

.mobile-top-img img {
	width: 100%;
	height: 100%;
	display: block;
	border: none;
}

.cloud-ewm {
	position: fixed;
	right:0;
	bottom:80px;
	z-index: 10;
	overflow: hidden;
}

.cloud-ewm img {
	border: 1px solid #ddd;
	width:150px;
	height:170px;
}

.m-text-title {
	position: absolute;
	left: 38px;
	top: 125px;
}

.m-text-img {
	position: absolute;
	right: 80px;
	top: 80px;
}

.m-text-title h3 {
	font-size: 30px;
	color: #ffffff;
	font-family: "microsoft yahei";
	font-weight: bold;
	margin-bottom: 20px;
	text-align: right;
}

.m-text-title p {
	font-size: 14px;
	color: #ffffff;
	font-family: "microsoft yahei";
	line-height: 20px;
	text-align: right;
}

.t-text-title {
	position: absolute;
	right: 52px;
	top: 400px;
}

.t-text-img {
	position: absolute;
	left: 80px;
	top: 280px;
	z-index: 1;
}

.t-text-title h3 {
	font-size: 30px;
	color: #ffffff;
	font-family: "microsoft yahei";
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
}

.t-text-title p {
	font-size: 14px;
	color: #ffffff;
	font-family: "microsoft yahei";
	line-height: 20px;
	text-align: left;
}

.t-text-arrow {
	position: absolute;
	left: -76px;
	top: 7px;
}

.m-text-arrow {
	position: absolute;
	right: -76px;
	top: 7px;
}

.mobile-white h2 {
	color: #fff;
}

.mobile-white h3 {
	background: #fff;
	color: #fff;
}

.mobile-white h4 {
	color: #fff;
}

.mobile-white p {
	color: #fff;
}

.juli-head-bj{
	background:#900;
	width: 100%;
	background: url("../img/banner/juli-bj.jpg") no-repeat top center;
	height: 550px;
	background-size: cover;
}

.container {
	padding-bottom: 60px;
}

.container h2 {
	height: 52px;
	background: url("../img/icon/title.png") no-repeat center;
	text-indent: -9999px;
	margin: 70px 0 30px
}

.container-w h2 {
	height: 52px;
	background: url("../img/icon/title1.png") no-repeat center;
	text-indent: -9999px;
	margin: 70px 0 50px
}

.container-h h2 {
	height: 52px;
	background: url("../img/icon/title3.png") no-repeat center;
	text-indent: -9999px;
	margin: 0 0 70px
}

.container-w h3 {
	height: 58px;
	background: url("../img/icon/icon-s.png") no-repeat center;
	text-indent: -9999px;
	line-height: 58px;
	color: #fff;
	font-weight: normal;
	font-size: 22px;
}

.container-s h3 {
	height: 58px;
	background: url("../img/icon/icon-s2.png") no-repeat center;
	text-indent: -9999px;
	line-height: 58px;
	color: #fff;
	font-weight: normal;
	font-size: 22px;
}

.container-i h3 {
	height: 58px;
	background: url("../img/icon/icon-s3.png") no-repeat center;
	text-indent: -9999px;
	line-height: 58px;
	color: #fff;
	font-weight: normal;
	font-size: 22px;
}

.container p {
	padding: 0 50px 60px 50px;
	text-align: center;
	margin: 0 auto;
	width: 800px;
}

.container ul li {
	width: 33%;
	float: left;
	text-align: center;
}

.container ul li i {
	width: 198px;
	height: 198px;
	background: url("../img/icon/icon-1.png") no-repeat;
	display: inline-block;
}

.container ul li h3 {
	font-size: 26px;
	font-weight: normal;
	padding: 10px 0;
}

.container ul li p {
	padding: 0 40px;
	font-size: 14px;
	width: 315px;
	text-align:center;
}

.pc-advert {
	width: 100%;
	height: 875px;
	background: url("../images/banner-body.jpg") no-repeat top center;
}

.pc-advert-w {
	width: auto;
	margin: 0 auto;
	max-width: 1250px;
	min-width: 1003px;
}

.pc-advert-wi {
	float: left;
	height: 640px;
	margin: 101px 113px 172px 0;
	position: relative;
	width: 468px;
}

.pc-carousel {
	height: 789px;
	left: -60px;
	padding: 105px 329px 45px 287px;
	position: absolute;
	top: -18px;
	width: 860px;
	background: url("../img/icon/iphone-s.png") no-repeat left bottom;
}

.pc-style {
	float: left;
	padding-top: 148px;
	position: relative;
	z-index: 100;
}

.pc-style i {
	display: inline-block;
	float: left;
	height: 30px;
	margin-right: 5px;
	vertical-align: middle;
	width: 30px;
	background: url("../img/icon/icon-4.png") no-repeat
}

.pc-style .active .pc-info {
	background: url("../img/icon/info.png") no-repeat;
	width: 277px;
	height: 120px;
	color: #fff;
	clear: both;
	float: left;
	margin: -55px 0 0 50px;
	min-width: 150px;
	padding: 15px 15px 10px;
	position: relative;
	font-size: 16px;
}

.pc-style .active i {
	background-position: -30px 0
}

.pc-style .active .pc-info p {
	display: block;
}

.pc-style .pc-info p {
	display: none;
}

.pc-style .pc-info span {
	cursor: pointer;
	display: inline-block;
	font-size: 28px;
	font-weight: normal;
	line-height: 29px;
	margin-bottom: 10px;
}

.pc-style ul li {
	height: 120px;
}

.pc-style .pc-info-li1 {
	padding-left: 130px;
	height: 155px;
}

.pc-style .pc-info-li2 {
	padding-left: 172px;
	height: 158px;
}

.pc-style .pc-info-li3 {
	padding-left: 128px;
	height: 125px;
}

.pc-style .pc-info-li4 {
	padding-left: 2px;
	height: 90px;
}

.pc-ad1 {
	background: url("../img/icon/ad-1.png") no-repeat top center;
	height: 493px;
	margin: 40px 0
}

.pc-ad2 {
	background: url("../img/icon/ad-2.png") no-repeat top center;
	height: 493px;
	margin: 40px 0
}

.pc-ad3 {
	background: url("../img/icon/ad-3.png") no-repeat top center;
	height: 197px;
	margin: 40px 0
}

.pc-ad4 {
	background: url("../img/icon/ad-4.png") no-repeat top center;
	height: 971px;
	margin: 40px 0
}

.pc-ad5 {
	background: url("../img/icon/ad-5.png") no-repeat top center;
	height: 197px;
	margin: 40px 0
}

.pc-ad6 {
	background: url("../img/icon/ad-6.png") no-repeat top center;
	height: 482px;
	margin: 40px 0
}

.container-w {
	padding-bottom: 20px;
}

.container-s {
	padding-bottom: 20px;
}

.pc-footer {
	width: 100%;
	height: 189px;
	background-color: #202020;
}

.pc-footer p {
	color: #565656;
	width: auto;
	margin: 0 auto;
	max-width: 1250px;
	min-width: 1003px;
	text-align: center;
	font-size: 22px;
	line-height: 189px;
	font-weight: normal;
}

.pc-centre-text {
	width: 400px;
	float: right;
	text-align: left;
	padding-top: 200px;
}

.pc-centre-text h1 {
	font-size: 40px;
	font-weight: normal;
}

.pc-centre-text h2 {
	font-size: 25px;
	font-weight: normal;
	color: #42a4ff;
	padding-bottom: 10px;
}

.pc-centre-text p {
	font-size: 16px;
	font-weight: normal;
	color: #888;
}

.pc-centre-text-w {
	float: left;
}

.pc-member {
	width: 100%;
	background-color: #f8f8f8;
	margin-top: 5px;
}

.pc-member-w {
	width: auto;
	margin: 0 auto;
	max-width: 1250px;
	min-width: 1003px;
	background-color: #fff;
}

.pc-member-text {
	padding: 50px;
}

.pc-member-text h1 {
	text-align: center;
	font-weight: normal;
	color: #4e4e4e;
	font-size: 40px;
	padding: 20px 0;
}

.pc-member-text h2 {
	text-align: center;
	font-weight: normal;
	color: #4e4e4e;
	font-size: 25px;
	padding: 30px 0 15px 0;
}

.pc-member-text h3 {
	text-align: left;
	font-weight: normal;
	color: #4e4e4e;
	font-size: 20px;
	padding: 30px 0 15px 0;
}

.pc-member-text h4 {
	text-align: right;
	font-weight: normal;
	color: #4e4e4e;
	font-size: 18px;
	padding: 50px 0 30px 0;
}

.pc-member-text p {
	color: #4e4e4e;
	line-height: 35px;
	font-size: 16px;
	margin-bottom: 15px;
}

.pc-member-l ul li {
	width: 24.8888%;
	text-align: center;
	float: left;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 60px 0
}

.pc-member-l ul li span {
	color: #333333;
	display: block;
	font-size: 18px;
	padding-top: 10px
}

.pc-member-l .border-clear {
	border-right: none;
}

.pc-centre-s {
	background: url("../images/s-ad-1.png") no-repeat left;
}

.pc-centre-s1 {
	background: url("../images/s-ad-2.png") no-repeat right;
}

.pc-centre-s2 {
	background: url("../images/s-ad-3.png") no-repeat left;
}

.pc-centre-s3 {
	background: url("../images/s-ad-4.png") no-repeat right;
}

.pc-centre-s4 {
	background: url("../images/s-ad-5.png") no-repeat left;
}

.pc-centre-text-s {
	width: 540px;
	padding-left: 20px;
	padding-top: 270px;
}

.pc-centre-text-s1 {
	width: 560px;
	float: left;
	text-align: right;
}

.pc-union-s1 {
	background: url("../images/s-ad-bj1.png") no-repeat top;
	border-bottom: none;
	height: 765px;
	margin-top: 3px;
}

.pc-union-s2 {
	background: url("../images/s-ad-bj2.png") no-repeat top;
	border-bottom: none;
	height: 696px;
	margin-top: 0;
}

.pc-union-s3 {
	background: url("../images/s-ad-bj3.png") no-repeat top;
	border-bottom: none;
	height: 700px;
	margin-top: 0;
}

.pc-union-s4 {
	background: url("../images/s-ad-bj4.png") no-repeat top;
	border-bottom: none;
	height: 706px;
	margin-top: 0;
}

.pc-union-s5 {
	background: url("../images/s-ad-bj5.png") no-repeat top;
	border-bottom: none;
	height: 787px;
	margin-top: 0;
}

.pc-centre-s2 .pc-centre-text-s {
	padding-top: 240px;
}

.pc-centre-s4 .pc-centre-text-s {
	padding-top: 205px;
	width: 505px;
}

.btnimg {
	cursor: pointer;
	border: 0;
	margin: 0;
	padding: 0;
}

.pc-increase-1 {
	position: relative;
}

.mr_t1 {
	background: url(../img/icon/mfrL.jpg) repeat-x left bottom;
	height: 40px;
	padding-right: 16px;
}

.mr_t1name {
	font: bold 16px/40px "微软雅黑";
	color: #FFF;
	background: #2257A2 url(../img/icon/mfrR.jpg) no-repeat right top;
	height: 40px;
	width: 120px;
	padding-left: 21px;
	float: left;
}

.mr_t1name img {
	float: left;
	margin-top: 9px;
	margin-right: 6px;
	display: inline;
}

.mr_frBtnL-s {
	float: left;
	margin: 42px 40px 0px 0px;
	cursor: pointer;
	display: inline;
}

.mr_frBtnR-s {
	float: right;
	margin-top: 42px;
	cursor: pointer;
}

.mr_frUls {
	float: left;
	height: 160px;
}

.mr_frUls ul li {
	display: inline;
	float: left;
	height: 160px;
	width: 131px;
	margin-right: 25px;
	overflow: hidden;
	text-align: center;
}

.mr_frUls ul li img {
	display: block;
	margin-bottom: 7px;
}

.mr_frUls ul li span {
	font-size: 16px;
	color: #333;
}


/* mall  mall  */
.cloud-mall-title{
	text-align:center;
	color:#fff;
}
.cloud-mall-title h2{
	font-family: "microsoft yahei";
	font-size:40px;
	padding-top:50px;
}
.cloud-mall-title p{
	font-family: "microsoft yahei";
	font-size:20px;
	padding-top:20px;
}
.cloud-mall-yuan{
	font-family: "microsoft yahei";
	font-size:18px;
	color:#333b47;
	background:#ffffff;
	width:400px;
	height:44px;
	line-height:44px;
	border-radius:30px;
	text-align:center;
	box-shadow:0 0 3px #ddd;
	position:absolute;
	left:50%;
	top:525px;
	z-index:9999;
	margin-left:-200px;
}
.cloud-mall-1{
	background:url("../img/banner/news-jl.jpg") no-repeat center;
	height:1150px;
	background-size:cover;
}
.cloud-mall-2{
	width: 100%;
	background: url("../img/icon/mall-bj2.png") no-repeat top center;
	height: 550px;
	background-size: cover;
}
.cloud-mall-3{
	width:100%;
	height:500px;
	background:#333b47 url("../img/icon/mall-x.png") repeat-x bottom;
}
.cloud-mall-4{
	width:100%;
	height:350px;
	background:#2b323d;
}
.mall-3-title{
	padding-top:40px;
	text-align:center;
	color:#fff;
}
.mall-3-title h2{
	color:#fff;
	font-size:20px;
	padding-bottom:30px;
}
.mall-3-title a{
	display:block;
	border-radius:20px;
	border:2px solid #fff;
	display:inline-block;
	padding:1px 30px;
	color:#fff;
	font-size:14px;
	line-height:24px;
}
.mall-3-title  a:hover{
	background:#248bdb;
	border:2px solid #248bdb;
}
.mall-3-text{
	font-family: "microsoft yahei";
	color:#fff;
	padding-top:10px;
	text-align:center;
	width:150px;

}
.mall-3-content{
	padding-left:30px;
	padding-top:60px;
}
.mall-3-content ul li{
	margin:0 30px;
	float:left;
}
.mall-4-content{
	padding-top:45px;
}
.mall-4-content ul li{
	width:50%;
	margin:0;
	text-align:center;
}
.mall-4-content ul li .mall-3-text{
	width:auto;
}
.mall-4-content ul li .mall-3-text1{
	color:#fff;
	font-size:14px;
	padding:10px 0;
}
.mall-4-content ul li .mall-3-text2 a{
	display:block;
	border-radius:20px;
	border:2px solid #fff;
	display:inline-block;
	padding:1px 20px;
	color:#fff;
	font-size:14px;
	line-height:24px;
}
.mall-4-content ul li .mall-3-text2  a:hover{
	background:#248bdb;
	border:2px solid #248bdb;
}
.cloud-qq-info{
	position: fixed;
	right: 0;
	top: 37%;
	width: 150px;
	z-index:100;
	background:url("../img/icon/qq-bj.jpg?r=1") no-repeat ;
	/* 2018-07-11 清除QQ会话 */
	overflow: hidden;
	height: 150px;
}

.cloud-mall-test ul li{
	width:33.333%;
	margin: 0;
	text-align: center;
	float:left;
}
.cloud-mall-test .mall-3-text{
	color:#fff;
	width:140px;
	font-size:16px;
	padding-bottom:5px;
	text-align:center;
	height:34px;
	line-height:34px;
	border-radius:80px;
	padding-top:0;
	margin:0 auto;
	background:#e24d4d;
}
.cloud-mall-test .mall-3-text1{
	color:#919292;
	font-size:14px;
	padding-top:15px;
}
.mall-3-yuan-news{
	width:340px;
	margin:0 auto;
}
.mall-3-yuan-news img{
	width:100%;
	height:100%;
	display:block;
	border:none;
}
.cloud-mall-news{
	text-align:center;
	padding-top:40px;
	padding-bottom:30px;
}
.cloud-mall-news h2{
	font-size:30px;
	color:#1d2944;
	padding-bottom:20px;
}
.cloud-mall-news p{
	font-size:14px;
	color:#919292;
}
/*  page css*/
.page li {
	font-size:14px;
	float: left;
	padding: 5px 10px;
	cursor: pointer;
}
.page .pageItem {
	border: solid thin #DDDDDD;
	margin: 5px;
}

.page .pageItemActive {
	border: solid thin #0099FF;
	margin: 5px;
	background-color: #0099FF;
	color: white;
}
.page .pageItemDisable {
	border: solid thin #DDDDDD;
	margin: 5px;
	background-color: #DDDDDD;
}

/*浮动客服*/
#floatDivBoxs{width:170px;position:fixed;top:180px;right:-20px;z-index:999;}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:150px;z-index:999;}
#rightArrow a{display:block;height:45px;}